<template>
<!-- zsj 下拉菜单跳转页面 的页头-->
  <el-row :gutter="20">
    <el-col :span="1">
      <div class="grid-content bg-purple">
        <img src="../assets/logo.png" alt="" />
      </div>
    </el-col>
    <el-col :span="5">
      <p>
        <span>{{ rowData.real_estate_name }}</span
        ><span>（{{ rowData.property_type_name }}）</span>
      </p>
      <p></p>
      <p>{{ rowData.location_name }}</p>
    </el-col>
    <el-col :span="11">
      <div class="grid-content bg-purple">
        <ul class="clear">
          <li>写字楼：{{ rowData.average_price }}/平方米</li>
          <li>住宅：{{ rowData.average_price }}/平方米</li>
          <li>商铺：{{ rowData.average_price }}/平方米</li>
        </ul>
      </div>
    </el-col>
    <el-col :span="2" style="margin-top:10px">
      <div class="grid-content bg-purple">
        <!-- <p>前台预览</p> -->
      </div>
    </el-col>
    <el-col :span="2" style="margin-top:10px">
      <div class="grid-content bg-purple">
        <p @click="returnBtn" class="btnReturn">返回楼盘管理</p>
      </div>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: "houseDetails",
  props: ["rowData"],
  created() {
    // console.log(this.rowData);
  },
  methods: {
    returnBtn(){
      this.$router.push('/Home/Homemin/RealEstateManagement')
    }
  },
};
</script>

<style lang="less" scoped>
p {
  // border: 1px solid red;
  display: block;
  width: 200px;
}
img {
  width: 50px;
  // border: 1px solid red;
}
ul {
  margin-top: 10px;
  width: 550px;
  display: flex;
  // border: 1px solid blue;
  li {
    margin: auto;
    // border: 1px solid red;
    float: left;
    list-style: none;
  }
}
.btnReturn{
  cursor: pointer;
}
</style>